<template>
  <div>
    单个<br />
    <CloudCheckbox v-model="checked" :checked="checked">A</CloudCheckbox>
    <br /><br />
    多个<br />
    <CloudCheckboxGroup :list="list" v-model="value"></CloudCheckboxGroup>
  </div>
</template>

<script>
export default {
  title: '1.基础用法',
  subTitle: '简单的checkbox',
  data() {
    return {
      list: [{
        title: 'A',
        value: 0
      }, {
        title: 'B',
        value: 1
      }, {
        title: 'C',
        value: 2
      }, {
        title: 'D',
        value: 3
      }],
      checked: false,
      value: [0]
    }
  },
  methods: {

  }
}
</script>

<style lang="scss">
</style>